游標的設計誤區 iPadOS pointer(指南)
A 右側的書籤圖示需要被強調,所以選擇提升效果,左側的圖示選擇高亮效果
/Untitled.png)
/Untitled 1.png)
B 設計物件大小時應該保持一致。例子中的工具欄大小的按鈕,建議使用37點的高度。
/Untitled 2.png)
/Untitled 3.png)
C 當設計分段控制元件的指標行為時,使用混合效果是正確的做法。
/Untitled 4.png)
避免在矩形物件周圍使用高亮效果。
/Untitled 5.png)
選中的選項應該使用提升效果,顯得比周圍的控制元件更突出。
/Untitled 6.png)
D 點選區域將決定指標效果的活動區域,儘量找到一個感覺舒適的區域。
如果點選區域太小,會讓人覺得在與元素互動時必須非常精確。
如果點選區域過大,會覺得將指標從元素上移開需要很費力。
在包含邊框的元素周圍新增約12點的填充效果很好,而在沒有邊框的元素周圍新增約24點的填充。
/Untitled 7.png)
E 避免物件之間留有間隙。會使指標在它們之間變回圓形,產生不必要的動畫。指標就會在它們之間流暢移動。
F 確保採用提升效果的物件位於其周圍圖層之上,避免陰影被遮擋。
/Untitled 8.png)
/Untitled 9.png)
/Untitled 10.png)
G 但一般來說,如果不放大物件,不建議使用陰影。
可以與懸停效果結合使用的另一個效果是著色。你可以用它來高亮顯示你不想放大的物件,如通知。當著色開啟時,它將在物件上方或下方新增一種特殊材質,並改變其顏色。根據你的暗模式設定,這種材質可以是深色或淺色。